<div class="admin-users">
    <h2>用户管理</h2>
    
    <!-- 搜索和操作区域 -->
    <div class="search-actions">
        <div class="search-bar">
            <input type="text" id="userSearchInput" placeholder="搜索用户名、昵称或邮箱..." />
            <button class="btn btn-primary" onclick="searchUsers()">搜索</button>
        </div>
        <button class="btn btn-success" onclick="addUser()">添加用户</button>
    </div>
    
    <!-- 加载指示器 -->
    <div id="loadingIndicator" class="loading-indicator" style="display: none;">
        <p>加载中...</p>
    </div>
    
    <!-- 用户列表表格 -->
    <div class="table-container">
        <table class="data-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>用户名</th>
                    <th>昵称</th>
                    <th>邮箱</th>
                    <th>电话</th>
                    <th>金币余额</th>
                    <th>角色</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="userTableBody">
                <tr>
                    <td colspan="9" style="text-align: center; padding: 40px;">
                        <p>加载中...</p>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    
    <!-- 分页控件 -->
    <div id="userPagination" class="pagination-container"></div>
</div>